<template>
  <view class="wz_white fz_12 xd" >
    <view class="xd" style="height: 100vh">
<!--      :class="imgIndex===0?'bg_1':-->
<!--      imgIndex===1?'bg_2':-->
<!--      imgIndex===2?'bg_3':-->
<!--      imgIndex===3?'bg_4':-->
<!--      imgIndex===4?'bg_5':'bg_6'"-->
      <view
            class="jd wz_red"
            style="left: 0;top:0;z-index: 1;width: 100%;height: 100%">
        <img :src="item?.LVBG" alt="" class="whe_max">
      </view>
      <image v-if="false" class="jd"
             style="left: 0;top:0;z-index: 1;width: 100%;height: 100%"
             :src="imgBGUrl"></image>
      <view class="jd" style="width: 100%;left: 0;top: 0;z-index: 2">
        <view class="wz_jz" style="height: 170px">
          <!--          名称-->
          <view style="margin: 20px 0 10px">
            <view v-if="isLogo" class="disp bor_255" style="border: 2px solid #333d33;width: 70px;height: 70px;background-color: #eef1f0">
              <view class="he_max jz_flex">
                <image v-if="userInfo.head_image" @click="addPage('/pagesList/userInfo/index')" class=" bor_255"
                       :src="userInfo.head_image"
                       style="width: 100%;height: 100%"/>
                <image v-if="!userInfo.head_image" @click="addPage('/pagesList/userInfo/index')"
                       class="bor_255"
                       src="https://xdjzapi.towngo.cn/uploads/images/wx/202508/24/xcx_1756029474_yaWYmwzZBt.jpg"
                       style="width: 100%;height: 100%"/>
              </view>
            </view>
            <view v-if="!isLogo">
<!--              border: 2px solid #333d33;background-color: #497649;-->
              <view class="disp bor_255" style="width: 70px;height: 70px;">
                <view class="he_max jz_flex">
                  <image @click="addPage('/pagesList/userInfo/index')"
                         class="bor_255"
                         src="https://xdjzapi.towngo.cn/uploads/images/wx/202508/24/xcx_1756029474_yaWYmwzZBt.jpg"
                         style="width: 70px;height: 70px"/>
                </view>
              </view>
              <view class="wz_white fz_18 em">
                <view @click="islogin" class="pad_10_0">未登录</view>
                <view class="fz_12 xt">登录以体验更多功能 !</view>
              </view>
            </view>
          </view>
          <!--          个人资料-->
          <view  v-if="isLogo">
            <text class="wz_white fz_16 em">{{ userInfo?.user_name }}</text>
<!--            <view v-if="userInfo.is_auth" class="bor_5 mag_l-10 fz_10 disp"-->
<!--                  style="background-color: #333314;padding:0 5px 0;color: #ff9a2e;border: 1px solid #ff9a2e">-->
<!--              <image src="../../static/icon/dui.png"-->
<!--              style="width: 6px;height: 6px"/>-->
<!--              <text class="mag_l-5">已认证</text>-->
<!--            </view>-->
<!--            <view @click="addPage('/pagesList/userInfo/index')" v-if="!userInfo.is_auth" class="bor_5 mag_l-10 fz_10 disp"-->
<!--                  style="background-color: #333314;-->
<!--                  padding:0 5px 0;color: #ff9a2e;-->
<!--                  border: 1px solid #2f2828">-->
<!--              <text>未认证</text>-->
<!--            </view>-->
          </view>
          <view v-if="isLogo" class="pad_10_0" style="color: #afafaf">
            <image class="centerdq" src="../../static/icon/gps_2.png" style="width: 14px;height: 14px"/>
            <text class="centerdq fz_12">{{ userInfo.town_info?.name }}</text>
            <text v-if="!userInfo.town_info" class="centerdq fz_12">平湖市</text>
          </view>
          <!--          积分-->
          <view v-if="isLogo" class="wz_white">
            <text>积分: </text>
            <img @click="addPoins" src="../../static/icon/vip_1.png" class="centerdq" style="width: 20px;height: 20px" alt="">
            <img @click="addPoins" src="../../static/icon/vip_2.png" class="centerdq" style="width: 20px;height: 20px" alt="">
            <img @click="addPoins" src="../../static/icon/vip_3.png" class="centerdq" style="width: 20px;height: 20px" alt="">
            <img @click="addPoins" src="../../static/icon/vip_4.png" class="centerdq" style="width: 20px;height: 20px" alt="">
            <img @click="addPoins" src="../../static/icon/vip_5.png" class="centerdq" style="width: 20px;height: 20px" alt="">
          </view>
          <view v-if="false" style="margin-top: -200px">
            <image src="../../static/img/zs_1.png" style="width: 100%"/>
          </view>
        </view>
        <!--        轮播组件-->
        <view v-if="isLogo" class="lbt pad_0_10" style="margin-top: 0">
          <view>
<!--           -->
            <view @click="addPage('/pagesList/vipDetail/index')" class="xd"
                  style="background-size: 100% 100%;height: 182px"
                  :style="{ backgroundImage: 'url('+item.LVCard+')'}">
              <view class="jd fz_12 pad_20 boxs" :class="
                    item.level===1?'wzdj_1':
                    item.level===2?'wzdj_2':
                    item.level===3?'wzdj_3':
                    item.level===4?'wzdj_4':
                    item.level===5?'wzdj_5':''"
                    style="width:100%;left: 0;bottom: 20px;height: 120px">
                <view class="mag_t-10">
                  到期时间 : 永久
                </view>
                <view class="czjz_flex" style="height: 40px">
                  <view>
                    <text class="fz_16 wz_white" style="">{{ parseInt(item.current_points) }}</text>
                    <text> / {{ item.need_total_points }}</text>
                  </view>
                </view>
                <view>
                  <view class="ba_white bor_10 boxs" style="height: 10px;padding: 1px">
                    <view class="jdt_1" :class="
                              item.level===1?'jdt_1':
                              item.level===2?'jdt_2':
                              item.level===3?'jdt_3':
                              item.level===4?'jdt_4':
                              item.level===5?'jdt_5':''"
                          :style="{ height: '8px', width: getProgressBarWidth(item.current_points, item.need_total_points) }">
                    </view>
                  </view>
                </view>
                <view class="wh_f fz_10 pad_t-10">
                  <view class="flex_1 wzdj_1">{{ item.upgrade_str }}</view>
                  <view class="xd jz_flex" style="width: 120px;height: 20px">
                    <view class="he_max jz_flex" style="z-index: 1">
                      <text class="wz_white" style="margin: -2px 0 0 25px">
                        {{ item.is_achieve }}
                      </text>
                    </view>
                    <img v-if="item.level == 0" class="jd" src="../../static/img/dj_0.png"
                         style="z-index: 0;width: 120px;height: 20px;right: -16px;top: 0"
                    />
                    <img v-if="item.level == 1" class="jd" src="../../static/img/dj_1.png"
                         style="z-index: 0;width: 120px;height: 20px;right: -16px;top: 0"
                    />
                    <img v-if="item.level == 2" class="jd" src="../../static/img/dj_2.png"
                         style="z-index: 0;width: 120px;height: 20px;right: -16px;top: 0"
                    />
                    <img v-if="item.level == 3" class="jd" src="../../static/img/dj_3.png"
                         style="z-index: 0;width: 120px;height: 20px;right: -16px;top: 0"
                    />
                    <img v-if="item.level == 4" class="jd" src="../../static/img/dj_4.png"
                         style="z-index: 0;width: 120px;height: 20px;right: -16px;top: 0"
                    />
                    <img v-if="item.level == 5" class="jd" src="../../static/img/dj_5.png"
                         style="z-index: 0;width: 120px;height: 20px;right: -16px;top: 0"
                    />
                  </view>
                </view>
              </view>
            </view>
          </view>
          <up-swiper
              v-if="false"
              @change="addSwiper"
              :current="SwiperIndex -1"
              :list="userInfo.level_arr"
              previousMargin="20"
              nextMargin="20"
              circular
              height="184"
              :autoplay="false"
              radius="5"
              style="background-color: transparent!important;"
          >
            <template v-slot:default="{ item,index }">
<!--              :class="LV===1?'ba_dj_1':''"-->
              <view>
                <view @click="addPage('/pagesList/vipDetail/index')" class="xd"
                      style="background-size: 100% 100%;height: 184px"
                      :style="{ backgroundImage: 'url('+item.LVCard+')'}">
                  <view class="jd fz_12 pad_20 boxs" :class="
                    item.level===1?'wzdj_1':
                    item.level===2?'wzdj_2':
                    item.level===3?'wzdj_3':
                    item.level===4?'wzdj_4':
                    item.level===5?'wzdj_5':''"
                    style="width:100%;left: 0;bottom: 20px;height: 120px">
                    <view class="mag_t-10">
<!--                      到期时间 : {{ level_end_date }}-->
                    </view>
                    <view class="czjz_flex" style="height: 40px">
                      <view>
                        <text class="fz_16 wz_white" style="">{{ parseInt(item.current_points) }}</text>
                        <text> / {{ item.need_total_points }}</text>
                      </view>
                    </view>
                    <view>
                      <view class="ba_white bor_10 boxs" style="height: 10px;padding: 1px">
                        <view class="jdt_1" :class="
                              item.level===0?'jdt_1':
                              item.level===1?'jdt_1':
                              item.level===2?'jdt_2':
                              item.level===3?'jdt_3':
                              item.level===4?'jdt_4':
                              item.level===5?'jdt_5':''"
                              :style="{ height: '8px', width: getProgressBarWidth(item.current_points, item.need_total_points) }">
                        </view>
                      </view>
                    </view>
                    <view class="wh_f fz_10 pad_t-10">
                      <view class="flex_1 wzdj_1">{{ item.upgrade_str }}</view>
                      <view class="xd jz_flex" style="width: 120px;height: 20px">
                        <view class="he_max jz_flex" style="z-index: 1">
                          <text class="wz_white" style="margin: -2px 0 0 25px">
                            {{ item.is_achieve }}
                          </text>
                        </view>
                        <img v-if="item.level == 1" class="jd" src="../../static/img/dj_1.png"
                             style="z-index: 0;width: 120px;height: 20px;right: -16px;top: 0"
                        />
                        <img v-if="item.level == 2" class="jd" src="../../static/img/dj_2.png"
                             style="z-index: 0;width: 120px;height: 20px;right: -16px;top: 0"
                        />
                        <img v-if="item.level == 3" class="jd" src="../../static/img/dj_3.png"
                             style="z-index: 0;width: 120px;height: 20px;right: -16px;top: 0"
                        />
                        <img v-if="item.level == 4" class="jd" src="../../static/img/dj_4.png"
                             style="z-index: 0;width: 120px;height: 20px;right: -16px;top: 0"
                        />
                        <img v-if="item.level == 5" class="jd" src="../../static/img/dj_5.png"
                             style="z-index: 0;width: 120px;height: 20px;right: -16px;top: 0"
                        />
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </template>
          </up-swiper>
        </view>
<!--        菜单-->
        <view v-if="isLogo" class="ddisp cchxgd" style="color: #afafaf;margin: 20px 0">
          <view @click="addPage('/pagesList/everyday/index')" style="width: 17%;margin-left: 20px">
            <view class="list_qd">
              <view class="img_zfx">
                <image :src="
                 imgIndex===0?'../../static/menu/qd_0.png'
                :imgIndex===1?'../../static/menu/qd_1.png'
                :imgIndex===2?'../../static/menu/qd_2.png'
                :imgIndex===3?'../../static/menu/qd_3.png':''">
                </image>
              </view>
            </view>
            <view class="wz_jz fz_12 pad_3_0">
              签到
            </view>
          </view>
          <view @click="addPage('/pagesList/concesSionary/index')" style="width: 17%">
            <view class="list_qd">
              <view class="img_zfx">
                <image :src="imgIndex===0?'../../static/menu/kb_0.png'
                :imgIndex===1?'../../static/menu/kb_1.png'
                :imgIndex===2?'../../static/menu/kb_2.png'
                :imgIndex===3?'../../static/menu/kb_3.png':''"></image>
              </view>
            </view>
            <view class="wz_jz fz_12 pad_3_0">
              卡包
            </view>
          </view>
          <view @click="addPage('/porder/orderList/index')" style="width: 17%">
            <view class="list_qd">
              <view class="img_zfx">
                <image :src="imgIndex===0?'../../static/menu/wddd_0.png'
                :imgIndex===1?'../../static/menu/wddd_1.png'
                :imgIndex===2?'../../static/menu/wddd_2.png'
                :imgIndex===3?'../../static/menu/wddd_3.png':''"></image>
              </view>
            </view>
            <view class="wz_jz fz_12 pad_3_0">
              我的订单
            </view>
          </view>
          <view @click="addPage('/pagesList/myCollection/index')" style="width: 17%">
            <view class="list_qd">
              <view class="img_zfx">
                <image :src="
                 imgIndex===0?'../../static/menu/wdsc_0.png'
                :imgIndex===1?'../../static/menu/wdsc_1.png'
                :imgIndex===2?'../../static/menu/wdsc_2.png'
                :imgIndex===3?'../../static/menu/wdsc_3.png':''"></image>
              </view>
            </view>
            <view class="wz_jz fz_12 pad_3_0">
              我的收藏
            </view>
          </view>
          <view v-if="false" @click="tips" style="width: 17%">
            <view class="list_qd">
              <view class="img_zfx">
                <image :src="
                 imgIndex===0?'../../static/menu/wdjt_0.png'
                :imgIndex===1?'../../static/menu/wdjt_1.png'
                :imgIndex===2?'../../static/menu/wdjt_2.png'
                :imgIndex===3?'../../static/menu/wdjt_3.png':''"></image>
              </view>
            </view>
            <view class="wz_jz fz_12 pad_3_0">
              我的家庭
            </view>
          </view>
          <view @click="addPage('/pagesList/userAddress/index')" style="width: 17%">
            <view class="list_qd">
              <view class="img_zfx">
                <image :src="
                 imgIndex===0?'../../static/menu/shdz_0.png'
                :imgIndex===1?'../../static/menu/shdz_1.png'
                :imgIndex===2?'../../static/menu/shdz_2.png'
                :imgIndex===3?'../../static/menu/shdz_3.png':''"></image>
              </view>
            </view>
            <view class="wz_jz fz_12 pad_3_0">
              收货地址
            </view>
          </view>
          <view @click="addPage('/pagesList/userInfo/index')" style="width: 17%">
            <view class="list_qd">
              <view class="img_zfx">
                <image :src="
                 imgIndex===0?'../../static/menu/grzl_0.png'
                :imgIndex===1?'../../static/menu/grzl_1.png'
                :imgIndex===2?'../../static/menu/grzl_2.png'
                :imgIndex===3?'../../static/menu/grzl_3.png':''"></image>
              </view>
              <view class="wz_jz fz_12 pad_3_0">
                个人资料
              </view>
            </view>
          </view>
          </view>
<!--        积分详情-->
        <view v-if="isLogo"
              style="border-radius: 10px 10px 0 0;
        padding: 15px 10px;background-color: #f8faf7;
        color: #383838">
          <!--          积分排行头部-->
          <view class="wh_f">
            <view class="flex_1 fz_16 em">积分详情</view>
          </view>
<!--          @click="addPage('/pagesList/family/jfmx')"-->
          <view class=" mag_t-10 img_bg" style="height: 80px">
            <view class="czjz_flex fz_14 wz_lv">
              <view>
                <text class="fz_24 em mag_l-20">{{ parseInt(userInfo.self_points) }}</text> 分
              </view>
            </view>
            <image style="border-radius: 20px"
                   src="https://xdjzapi.towngo.cn/uploads/images/wx/202507/03/xcx_1751509862_cRmnoYZkKC.png" />
          </view>
          <!--            家庭 个人 富治积分-->
          <view v-if="false" class="wh_f mag_t-10">
            <view class="flex_1">
              <view class="img_bg" style="height: 90px">
                <view class="pad_20 boxs">
                  <view class="fz_14" style="color: #525252">家庭富治积分</view>
                  <view class="wz_jz" style="color:#3a9e5f;margin-top: 5px">
                    <text class="fz_24 em">168 </text>分
                  </view>
                </view>
                <image src="../../static/img/jtszjf.png" alt="" />
              </view>
            </view>
            <view style="width:5px"></view>
            <view class="flex_1">
              <view class="img_bg" style="height: 90px">
                <view class="pad_20 boxs">
                  <view class="fz_14" style="color: #525252">个人富治积分</view>
                  <view class="wz_jz" style="color:#3a9e5f;margin-top: 5px">
                    <text class="fz_24 em">168 </text>分
                  </view>
                </view>
                <image src="../../static/img/grszjf.png" alt="" />
              </view>
            </view>
          </view>
          <!--            余额充值-->
          <view class="wh_f mag_t-10">
            <view class="flex_1 fz_16 em">余额充值</view>
          </view>
          <view @click="addWallDetail" class="mag_t-10 pad_20 ba_white">
            <view class="fz_16 mag_b_5">
              账户余额
            </view>
            <view class="wh_f">
              <view class="flex_1" style="color:#3a9e5f">
                <text class="em fz_24">{{ userInfo.cash_balance }} </text> 元
              </view>
              <view class="wz_white">
                <view @click.stop="goWall" style="background-color: #3a9e5f;padding: 7px 20px;border-radius: 25px">
                  <image class="centerdq" src="../../static/img/qb.png" style="width: 14px;height: 14px" />
                  <text class="centerdq">
                    去充值
                  </text>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
      </view>
    <up-popup
        :mask-closable="true"
        @close="close"
        @open="open"
        customStyle="width:70%;border-radius: 20px"
        :show="show"
        mode="center">
      <view>
        <view style="padding: 15px">
          <view class="wh_f_l wz_black fz_16 pad_b_10">
            <view>善治积分</view>
            <view>
              <up-icon @click="close" name="close" color="#383838" size="20"></up-icon>
            </view>
          </view>
          <view class="wh_f_r">
            <view class="wz_hui czjz_flex boxs pad_r_10">
              <text class="centerdq">当前积分:</text>
            </view>
            <view class="czjz_flex">
              <view>
                <text class="wz_lv fz_20 em mag_l-10 centerdq">168</text>
                <text class="centerdq mag_l-5 fz_12 wz_black">分</text>
              </view>
            </view>
          </view>
          <view class="wh_f_r pad_10_0">
            <view class="wz_hui czjz_flex boxs pad_r_10">
              <text class="centerdq">当前等级:</text>
            </view>
            <view class="czjz_flex">
              <view>
                <text class="centerdq mag_l-5 fz_12 wz_black">云享二级</text>
              </view>
            </view>
          </view>
          <view class="wh_f_r">
            <view class="wz_hui boxs pad_r_10">
              <text class="topdq">积分规则:</text>
            </view>
            <view class="czjz_flex">
              <view>
                <text class="topdq mag_l-5 fz_12 wz_black">用户在共富商圈消费的金额可以折算成富治积分，等级越高折算的比例越高。</text>
              </view>
            </view>
          </view>
        </view>
      </view>
    </up-popup>
    <up-toast ref="uToastRef"></up-toast>

  </view>
</template>
<script>
import {userCenter} from "../../Api/user";
import {adPositions, rechargeShow} from "../../Api/shop";

export default {
  name: "index",
  data(){
    return{
      currentIndex:0,
      LV:1,
      item:{},
      isWallet:0,
      listVip:[
        {
          LV:1,
          dqsj:'永久',
          mbjf:100,
          dqjf:168,
          dj:"已达到该等级",
          dqdj:"您已超越该等级",
          imgUrl:'https://xdjzapi.towngo.cn/wx/level_bj_1.png',
        },
        {
          LV:2,
          dqsj:'永久',
          mbjf:500,
          dqjf:168,
          dj:'再获得332积分, 可升级至共富二级',
          imgUrl:'https://xdjzapi.towngo.cn/wx/level_bj_1.png',
        },
        {
          LV:3,
          dqsj:'永久',
          mbjf:500,
          dqjf:168,
          dj:'再获得332积分, 可升级至共富二级',
          imgUrl:'https://xdjzapi.towngo.cn/wx/level_bj_1.png',
        },
        {
          LV:4,
          dqsj:'永久',
          mbjf:500,
          dqjf:168,
          dj:'再获得332积分, 可升级至共富二级',
          imgUrl:'https://xdjzapi.towngo.cn/wx/level_bj_1.png',
        },
        {
          LV:5,
          dqsj:'永久',
          mbjf:500,
          dqjf:168,
          dj:'再获得332积分, 可升级至共富二级',
          imgUrl:'https://xdjzapi.towngo.cn/wx/level_bj_1.png',
        }
      ],
      list1: [],
      level: 1,  // 让 level 的值在合理范围内，例如 1, 2, ...
      lvnow: 1,  // 确保 lvnow 在正确范围内
      isLogo:false,
      userInfo:{},
      imgBGUrl:'',
      imgIndex:0,
      show:false,
      level_end_date:'',
      SwiperIndex:3
    }
  },
  onShow(){
  //   rechargeShow().then(res=>{
  //     this.isWallet = res.data?.is_show
  //     console.log("轮播图",res.data?.is_show)
  // })
    // userCenter().then(res=>{
    //   this.isLogo = true
    //   this.userInfo = res.data
    //   this.imgBGUrl = res.data.level_arr[0].LVBG
    //   this.level_end_date = res.data.level_end_date
    //   console.log('用户信息',res)
    // }).catch(err=>{
    //   console.log('登录失败')
    // })
    const token = uni.getStorageSync('userToken');
    if(token){
      userCenter().then(res=>{
        this.isLogo = true //登录状态
        this.userInfo = res.data //用户信息
        this.item = res.data.level_arr[res.data.current_level] //等级信息
        this.imgBGUrl = res.data.level_arr[res.data.current_level].LVBG //当前等级的背景图
        this.level_end_date = res.data.level_end_date //到期时间
        this.imgIndex = res.data.current_level//当前菜单的动态样式
        // this.addSwiper({ //切换轮播图的默认页码
        //   current:res.data
        // })
      })
    }else{
      this.isLogo = false
      uni.navigateTo({
        url: '/user/login/index'
      });
    }
  },
  methods:{
    tips(){
      this.showToast('正在开发中 !')
    },
    //消息提示
    showToast(msg, type = "default") {
      uni.showToast({
        title: msg,
        icon: "none", // 图标类型，可选值：success, none
        duration: 2000 // 显示时间，单位毫秒
      });
    },
    addPoins(){
      // this.show = true
    },
    close(){
      this.show = false
    },
    getProgressBarWidth(current_points, need_total_points) {
      if (current_points >= need_total_points) {
        return '100%';
      }
      const percentage = (current_points / need_total_points) * 100;
      return `${percentage}%`;
    },
    addSwiper(e){
      this.imgIndex = e.current.current_level
      // this.SwiperIndex = e.current.current_level
      this.imgBGUrl = this.userInfo.level_arr[e.current.current_level-1].LVBG
    },
    addWallDetail(){
      uni.navigateTo({
        url: '/pagesList/WalletDetail/index'
      });
    },
    goWall(){
      uni.navigateTo({
        url: '/pagesList/userWallet/index'
      });
    },
    addPage(e){
      uni.navigateTo({
        url:e
      });
    },
    islogin(){
      console.log('跳转登录页')
      uni.navigateTo({
        url: '/user/login/index'
      });
    },
    rightClick(){

    },
  },
  onShareAppMessage() {
    return{
      title:'鲜到家族云享集市',
      path:'/pages/index/index'
    }
  },
  //2.配置分享到朋友圈
  onShareTimeline(){
    return{
      title: '鲜到家族云享集市',                //分享的标题
      query: '/pages/index/index',     //点击分享链接之后进入的页面路径
      imageUrl: '/static/img/logo.jpg' //分享发送的链接图片地址
    }
  }
}
</script>
<style lang="scss">


.bg_1{
   background: linear-gradient(to bottom right,
       #002100, #263426);
}
.bg_2{
   background: linear-gradient(to bottom right,
       #011d2c, #103133);
}
.bg_3{
   background: linear-gradient(to bottom right,
       #253219, #383816);
}
.bg_4{
   background: linear-gradient(to bottom right,
       #272b1b, #3c2419);
}
.bg_5{
   background: linear-gradient(to bottom right,
       #202a29, #24213a);
}
.wzdj_1{
  color: #afcbba;
}
.wzdj_2{
  color: #a2bbaf;
}
.wzdj_3{
  color: #dad7d0;
}
.wzdj_4{
  color: #d9d1d2;
}
.wzdj_5{
  color: #d2d1d6;
}
.jdt_1{
  transition: all 0.3s;
  border-radius: 10px;
  background: linear-gradient(to bottom right, #7ECF98, #CBE1D1);
}
.jdt_2{
  transition: all 0.3s;
  border-radius: 10px;
  background: linear-gradient(to bottom right, #7E9DCF, #CBD3E1);
}
.jdt_3{
  transition: all 0.3s;
  border-radius: 10px;
  background: linear-gradient(to bottom right, #CFA87E, #E1D6CB);
}
.jdt_4{
  transition: all 0.3s;
  border-radius: 10px;
  background: linear-gradient(to bottom right, #CF7E85, #E1CBCD);
}
.jdt_5{
  transition: all 0.3s;
  border-radius: 10px;
  background: linear-gradient(to bottom right, #A47ECF, #D5CBE1);
}
.lbt{
  ::v-deep.u-swiper{
    height: 100%!important;
  }
  ::v-deep.u-swiper__wrapper{
    height: 100%!important;
  }
  ::v-deep.data-v-eda42115{
    height: 100%!important;
  }
  ::v-deep swiper{
    height: 100%!important;
  }
}
.list_qd{
  width: 80%;
  margin: 0 auto;
}
.cchxgd{
  overflow-x: auto; /* 启用横向滚动 */
  white-space: nowrap; /* 禁止换行 */
}
.ba_dj_1{
  background-image: url("https://xdjzapi.towngo.cn/wx/level_bj_1_20250702125213.png");
  background-size: 100% 100%;
}
</style>
